<!DOCTYPE html>
<html lang="en">
<head>
    <title>${title}</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    @include("/include/head.html"){}
</head>
<body>

<!-- start: Header -->
<div class="navbar" role="navigation">

    <div class="container-fluid">

        <ul class="nav navbar-nav navbar-actions navbar-left">
            <li class="visible-md visible-lg"><a href="#" id="main-menu-toggle"><i class="fa fa-th-large"></i></a></li>
            <li class="visible-xs visible-sm"><a href="#" id="sidebar-menu"><i class="fa fa-navicon"></i></a></li>
        </ul>

        <!--<%&#45;&#45;<form class="navbar-form navbar-left">&#45;&#45;%>-->
        <!--<%&#45;&#45;<button type="submit" class="fa fa-search"></button>&#45;&#45;%>-->
        <!--<%&#45;&#45;<input type="text" class="form-control" placeholder="Search..."></a>&#45;&#45;%>-->
        <!--<%&#45;&#45;</form>&#45;&#45;%>-->
        <div class="copyrights">Collect from <a href="http://www.cssmoban.com/">免费模板</a></div>
        <ul class="nav navbar-nav navbar-right">
            <li class="dropdown visible-md visible-lg">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-envelope-o"></i><span
                        class="badge">5</span></a>
                <ul class="dropdown-menu">
                    <li class="dropdown-menu-header">
                        <strong>Messages</strong>
                        <div class="progress thin">
                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="30"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 30%">
                                <span class="sr-only">30% Complete (success)</span>
                            </div>
                        </div>
                    </li>
                    <li class="avatar">
                        <a href="page-inbox.html">
                            <img class="avatar" src="${ctxStatic}/assets/img/avatar1.jpg">
                            <div>New message</div>
                            <small>1 minute ago</small>
                            <span class="label label-info">NEW</span>
                        </a>
                    </li>
                    <li class="dropdown-menu-footer text-center">
                        <a href="page-inbox.html">View all messages</a>
                    </li>
                </ul>
            </li>
            <li class="dropdown visible-md visible-lg">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell-o"></i><span
                        class="badge">3</span></a>
                <ul class="dropdown-menu">
                    <li class="dropdown-menu-header">
                        <strong>Notifications</strong>
                        <div class="progress thin">
                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="30"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 30%">
                                <span class="sr-only">30% Complete (success)</span>
                            </div>
                        </div>
                    </li>
                    <li class="clearfix">
                        <i class="fa fa-trash-o"></i>
                        <a href="page-activity.html" class="notification-user"> Lorenzo </a>
                        <span class="notification-action"> just remove <a href="#"
                                                                          class="notification-link"> 12 files</a></span>
                    </li>
                    <li class="dropdown-menu-footer text-center">
                        <a href="page-activity.html">View all notification</a>
                    </li>
                </ul>
            </li>
            <li class="dropdown visible-md visible-lg">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-gears"></i></a>
                <ul class="dropdown-menu update-menu" role="menu">
                    <li><a href="#"><i class="fa fa-database"></i> Database </a>
                    </li>
                </ul>
            </li>
            <li class="dropdown visible-md visible-lg">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><img class="user-avatar"
                                                                                src="${ctxStatic}/assets/img/avatar.jpg"
                                                                                alt="user-mail">${@UserUtils.getUser().getName()}
                </a>
                <ul class="dropdown-menu">
                    <li class="dropdown-menu-header">
                        <strong>Account</strong>
                    </li>
                    <li><a href="page-profile.html"><i class="fa fa-user"></i> Profile</a></li>
                    <li><a href="page-login.html"><i class="fa fa-wrench"></i> Settings</a></li>
                    <li><a href="page-invoice.html"><i class="fa fa-usd"></i> Payments <span
                            class="label label-default">10</span></a></li>
                    <li><a href="gallery.html"><i class="fa fa-file"></i> File <span
                            class="label label-primary">27</span></a></li>
                    <li class="divider"></li>
                    <li><a href="${ctx}/logout"><i class="fa fa-sign-out"></i> Logout</a></li>
                </ul>
            </li>
            <li><a href="${ctx}/logout"><i class="fa fa-power-off"></i></a></li>
        </ul>

    </div>

</div>

<!-- end: Header -->
@var menuList = @UserUtils.getMenuList();
<div class="container-fluid content">

    <div class="row">

        <!-- start: Main Menu -->
        <div class="sidebar ">

            <div class="sidebar-collapse">
                <div class="sidebar-header t-center">
                    <span><img class="text-logo" src="${ctxStatic}/assets/img/logo1.png"><i
                            class="fa fa-space-shuttle fa-3x blue"></i></span>
                </div>
                <div class="sidebar-menu">
                    <ul class="nav nav-sidebar">
                        @for(firstMenu in menuList){
                            @if(firstMenu.parent.id == "1" && firstMenu.isShow == "1"){
                                @if(isEmpty(firstMenu.href)){
                                    <li>
                                        <a href="#"><i class="fa fa-file-text"></i><span
                                                class="text"> ${firstMenu.name}</span> <span
                                                class="fa fa-angle-down pull-right"></span></a>
                                        <ul class="nav sub">
                                            @for(secondMenu in menuList){
                                                @if(secondMenu.parent.id == firstMenu.id && secondMenu.isShow == "1"){
                                                    @if(isEmpty(secondMenu.href)){
                                                        <li>
                                                            <a href="#"><i class="fa fa-file-text"></i><span
                                                                    class="text"> ${secondMenu.name}</span> <span
                                                                    class="fa fa-angle-down pull-right"></span></a>
                                                            <ul class="nav sub">
                                                                @for(thirdMenu in menuList){
                                                                    @if(thirdMenu.parent.id == secondMenu.id && thirdMenu.isShow == "1"){
                                                                        <li><a href="${ctx}${thirdMenu.href}"><i
                                                                                class="fa "></i><span
                                                                                class="text"> ${thirdMenu.name}</span></a>
                                                                        </li>
                                                                    @}
                                                                @}
                                                            </ul>
                                                        </li>
                                                    @}
                                                    @if(isNotEmpty(secondMenu.href)){
                                                        <li><a href="${ctx}${secondMenu.href}"><i class="fa "></i><span
                                                                class="text"> ${secondMenu.name}</span></a></li>
                                                    @}
                                                @}
                                            @}
                                        </ul>
                                    </li>
                                @}
                                @if(isNotEmpty(firstMenu.href)){
                                    <li><a href="${ctx}${firstMenu.href}"><i class="fa "></i><span
                                            class="text"> ${firstMenu.name}</span></a></li>
                                @}
                            @}
                        @}
                    </ul>
                </div>
            </div>
            <div class="sidebar-footer">

                <div class="sidebar-brand">
                    ${@Global.getConfig('productName')}
                </div>

                <!--<%&#45;&#45;<ul class="sidebar-terms">&#45;&#45;%>-->
                <!--<%&#45;&#45;<li><a href="index.html#">Terms</a></li>&#45;&#45;%>-->
                <!--<%&#45;&#45;<li><a href="index.html#">Privacy</a></li>&#45;&#45;%>-->
                <!--<%&#45;&#45;<li><a href="index.html#">Help</a></li>&#45;&#45;%>-->
                <!--<%&#45;&#45;<li><a href="index.html#">About</a></li>&#45;&#45;%>-->
                <!--<%&#45;&#45;</ul>&#45;&#45;%>-->

                <div class="copyright text-center">
                    <small>${@Global.getConfig("productName")} <i class="fa fa-coffee"></i> from <a
                            href="http://www.cssmoban.com/" title="网页模板"
                            target="_blank">${@Global.getConfig('productName')}</a></small>
                </div>
            </div>

        </div>
        <!-- end: Main Menu -->
        <!-- start: Content -->
        <div class="main">
            ${layoutContent}
        </div>
        <!-- end: Content -->
        <br><br><br>
    </div><!--/container-->


    <div class="clearfix"></div>
    @include("/include/boot.html"){}

</div>

</body>
</html>